$(document).ready(function () {


    function info() {

        // where it starts at -65 and where it ends 
        var startPos = $('#info-bar').css('top');
        var endPos = 0;
        $('#info-bar').stop();
        $('#info-bar').css({ top: startPos });
        $('#info-bar').animate({ top: endPos }, 800);
    }
    // doing it with delay 
    // setTimeout(info, 2000);
    // info();

             $('.close').click(function () {
            var startPos = $('#info-bar').css('top');
            var endPos = '-65px';
            $('#info-bar').stop();
            $('#info-bar').css({ top: startPos });
            $('#info-bar').animate({ top: endPos }, 700);
            });
       
 

})
